﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SliderBar.ascx.cs" Inherits="EBAYVN.Share.SliderBar" %>
<div id="templatemo_slider">
	<!-- This is the container for the carousel. -->
    <div id = "carousel1" style="width:960px; height:280px;background:none;overflow:scroll; margin-top: 20px">            
        <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
        <!-- You can place links around these images -->
        <a href="#1" rel="lightbox"><img class="cloudcarousel" src="images/slider/1.png" alt="CSS Templates 1" title="Website Templates 1" /></a>
        <a href="#2" rel="lightbox"><img class="cloudcarousel" src="images/slider/2.png" alt="CSS Templates 2" title="Website Templates 2" /></a>
        <a href="#3" rel="lightbox"><img class="cloudcarousel" src="images/slider/3.png" alt="CSS Templates 3" title="Website Templates 3" /></a>
        <a href="#4" rel="lightbox"><img class="cloudcarousel" src="images/slider/4.png" alt="CSS Templates 4" title="Website Templates 4" /></a>
        <a href="#1" rel="lightbox"><img class="cloudcarousel" src="images/slider/5.png" alt="Flash Templates 1" title="Flash Templates 1" /></a>
        <a href="#2" rel="lightbox"><img class="cloudcarousel" src="images/slider/6maytinhbang.png" alt="Flash Templates 2" title="Flash Templates 2" /></a>
        <a href="#3" rel="lightbox"><img class="cloudcarousel" src="images/slider/7nhadat.png" alt="Flash Templates 3" title="Flash Templates 3" /></a>
        <a href="#4" rel="lightbox"><img class="cloudcarousel" src="images/slider/8thoitrang.png" alt="Flash Templates 4" title="Flash Templates 4" /></a>
    </div>
    
    <!-- Define left and right buttons. -->
    <center>
    <input id="slider-left-but" type="button" value="" />
    <input id="slider-right-but" type="button" value="" />
    </center>
</div>